let app = new Vue({
	el: "#app",
	data() {
		return {
			totalForm: [],
			leftbar_show: true,
			help: {
				"title": "欢迎使用操作文档",
				"summary": "请点击树状图查询使用方法",
				"activeVideo": [
					"videos/1.mp4", "videos/2.mp4", "videos/3.mp4"
				],
				"func": [{
					"name": "",

					"parentTitle": "",
					"describes": [{
						"describe": ""
					}]
				}]
			},
			data: [{
				label: '改版历史',
				children: [{
					parentLabel: '改版历史',
					label: 'version1.1',
				}]
			},{
				label: '用户管理',
				children: [{
					parentLabel: '用户管理',
					label: '按结构搜索用户',
				}, {
					parentLabel: '用户管理',
					label: '过滤条件',
				}, {
					parentLabel: '用户管理',
					label: '添加用户信息',
				}, {
					parentLabel: '用户管理',
					label: '修改用户信息',
				}]
			}, {
				label: '公共客户',
				children: [{
					parentLabel: '公共客户',
					label: '查询客户列表',

				}, {
					parentLabel: '公共客户',
					label: '添加客户信息',
				}, {
					parentLabel: '公共客户',
					label: '批量导入客户信息',
				}, {
					parentLabel: '公共客户',
					label: '修改客户信息',
				}, {
					parentLabel: '公共客户',
					label: '分配客户',
				}]
			},  {
				label: '工商注册',
				children: [{
					parentLabel: '工商注册',
					label: '查询工商注册列表',
				
				}, {
					parentLabel: '工商注册',
					label: '添加工商注册信息',
				}, {
					parentLabel: '公共客户',
					label: '删除工商注册信息',
				}, {
					parentLabel: '公共客户',
					label: '修改工商注册信息',
				}]
			}, {
				label: '帮助文档',
				children: [{
					label: '查询功能',

				}]
			}, {
				label: '登录',
				children: [{
					label: '登录系统',

				}]
			}, {
				label: '抽奖管理',
				children: [{
					parentLabel: '抽奖管理',
					label: '查询抽奖信息',
				},{
					parentLabel: '抽奖管理',
					label: '编辑抽奖者信息',
				},{
					parentLabel: '抽奖管理',
					label: '添加抽奖者信息',
				},{
					parentLabel: '抽奖',
					label: '抽奖',
				}]
			}, {
				label: '抽奖',
				children: [{
					parentLabel: '抽奖',
					label: '添加抽奖者信息',
				}]
			},{
				label: '我的客户',
				children: [{
					parentLabel: '我的客户',
					label: '查询客户列表',
				},{
					parentLabel: '我的客户',
					label: '添加我的客户信息',
				},{
					parentLabel: '我的客户',
					label: '批量添加',
				},{
					parentLabel: '我的客户',
					label: '批量分类',
				},{
					parentLabel: '我的客户',
					label: '批量跟踪',
				},{
					parentLabel: '我的客户',
					label: '转移',
				},{
					parentLabel: '我的客户',
					label: '捡漏',
				},{
					parentLabel: '我的客户',
					label: '修改客户信息',
				}]
			}, {
				label: '试题管理',
				children: [{
					parentLabel: '试题管理',
					label: '查询题目',
				},{
					parentLabel: '试题管理',
					label: '编辑题目',
				},{
					parentLabel: '试题管理',
					label: '添加题目',
				},]
			}, {
				label: '试卷管理',
				children: [{
					parentLabel: '试卷管理',
					label: '查询试卷',
				},{
					parentLabel: '试卷管理',
					label: '试卷链接',
				},{
					parentLabel: '试卷管理',
					label: '删除',
				},{
					parentLabel: '试卷管理',
					label: '查看详情信息',
				}]
			}, {
				label: '参加考试',
				children:  [{
					parentLabel: '参加考试',
					label: '上一题',
				},{
					parentLabel: '参加考试',
					label: '下一题',
				},{
					parentLabel: '参加考试',
					label: '答题状况',
				},{
					parentLabel: '参加考试',
					label: '确认',
				},{
					parentLabel: '参加考试',
					label: '关闭',
				}]
			},{
				label: '通知管理',
				children: [{
					parentLabel: '通知管理',
					label: '查询通知列表信息',
				},{
					parentLabel: '通知管理',
					label: '处理',
				},{
					parentLabel: '通知管理',
					label: '批量处理',
				}]
			}, {
				label: '业务统计',
				children: [{
					label: '查询业务统计',

				}]
			}, {
				label: '供应商列表',
				children: [{
					parentLabel: '供应商列表',
					label: '查询供应商',
				},{
					parentLabel: '供应商列表',
					label: '增加供应商',
				},{
					parentLabel: '供应商列表',
					label: '添加服务',
				},{
					parentLabel: '供应商列表',
					label: '编辑供应商信息',
				}]
			},  {
				label: '工商、税务办理流转单管理',
				children: [{
					label: '查询工商、税务办理流转单信息',
					parentLabel: '工商、税务办理流转单管理',
				}, {
					label: '审核',
					parentLabel: '工商、税务办理流转单管理',
				}, {
					label: '驳回',
					parentLabel: '工商、税务办理流转单管理',
				}]
			}, 		
			{
				label: '应聘登记管理',
				children: [{
					label: '查询登记信息',
					parentLabel: '应聘登记管理',
				},{
					label: '编辑登记信息',
					parentLabel: '应聘登记管理',
				},{
					label: '生成链接',
					parentLabel: '应聘登记管理',
				},{
					label: '生成二维码',
					parentLabel: '应聘登记管理',
				},{
					label: '生成试卷',
					parentLabel: '应聘登记管理',
				}]
			}, {
				label: '应聘详细登记',
				children: [{
					label: '确认签字',
					parentLabel: '应聘详细登记',
				},{
					label: '签字功能',
					parentLabel: '应聘详细登记',
				},{
					label: '提交功能',
					parentLabel: '应聘详细登记',
				}]
			}, {
				label: '代理记账',
				children: [{
					label: '查询代理记账信息',
					parentLabel: '代理记账',
				},{
					label: '添加旧账单',
					parentLabel: '代理记账',
				},{
					label: '删除账单',
					parentLabel: '代理记账',
				},{
					label: '重新分配',
					parentLabel: '代理记账',
				},{
					label: '编辑账单详情',
					parentLabel: '代理记账',
				}]
			},			{
				label: '借支单',
				children: [{
					label: '查询借支单信息',
					parentLabel: '借支单',
				},{
					label: '添加借支单信息',
					parentLabel: '借支单',
				},{
					label: '审核借支单信息',
					parentLabel: '借支单',
				},{
					label: '查看借支单信息',
					parentLabel: '借支单',
				}]
			}, {
				label: '报销单',
				children: [{
					label: '查询报销单信息',
					parentLabel: '报销单',
				},{
					label: '添加报销单信息',
					parentLabel: '报销单',
				},{
					label: '审核报销单信息',
					parentLabel: '报销单',
				},{
					label: '查看报销单信息',
					parentLabel: '报销单',
				}]
				}, {
				label: '付款单',
				children: [{
					label: '查询付款单信息',
					parentLabel: '付款单',
				},{
					label: '添加付款单信息',
					parentLabel: '付款单',
				},{
					label: '审核付款单信息',
					parentLabel: '付款单',
				},{
					label: '查看付款单信息',
					parentLabel: '付款单',
				}],
				}, {
				label: '优惠单',
				children: [{
					label: '查询优惠单信息',
					parentLabel: '优惠单',
				},{
					label: '申请优惠单信息',
					parentLabel: '优惠单',
				},{
					label: '审核优惠单信息',
					parentLabel: '优惠单',
				},{
					label: '作废优惠单信息',
					parentLabel: '优惠单',
				}],
			}],
			
			
			
			

			
			
			
			defaultProps: {
				children: 'children',
				label: 'label'
			}
		}
	},
	methods: {
		forId: function(item, index) {
			return "forid_" + index
		},
		confirm(row, column, event) {
			this.videoIndex = row.id - 1;
			// 视频点浏览器            
		},
		chooseVideo: function(video) { // 设置视频为当前视频      
			this.videoIndex = video.id - 1;
			s
			video.views += 1
		},


		selectionChange(selection) {
			this.selection = selection
		},

		// 显示侧边栏
		showLeftBar() {
			if (this.leftbar_show) {
				this.leftbar_show = false
			} else {
				this.leftbar_show = true
			}
		},
		handleNodeClick(data) {
			for (let index in this.totalForm) {
				//点击根节点读取数据
				if (data.label === this.totalForm[index].title) {
					this.help = this.totalForm[index]
				}
				var a = data.hasOwnProperty("parentLabel")
				if (a !== -1) {

				}
				//点击子节点读取数据
				if (data.parentLabel === this.totalForm[index].title) {
					this.help = this.totalForm[index]
					console.log(this.help)
				}
			}
			var i
			for (let index in this.help.func) {
				if (data.label === this.help.func[index].name) {
					i = index
				}
			}

			if (i != undefined | i != null) {
				var id = "#forid_" + i
				document.querySelector(id).scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"})

			}else{
				document.querySelector("#fcontent").scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"}) 

			}

		},
		async loaddocument(){
			try {
				let res = await axios.post('api/help/load');
				if (res.code === 200) {
				this.totalForm = res.data
				} else {
				this.$message.error('', e.message);
				}
			} catch (e) {
				this.$message.error('请求出错！', e.message);
			}
		},
		async loadtree(){
			try {
				let res = await axios.post('api/help/loadtree');
				console.log(res)
				if (res.code === 200) {
					this.data =res.data[0]
				} else {
				this.$message.error('', e.message);
				}
			} catch (e) {
				this.$message.error('请求出错！', e.message);
			}
			
		}



	},
	async mounted() {
		// 自动调整表格高度
		window.onresize = () => {
			return (() => {
				this.tableHeight = window.innerHeight - 180
			})()
		}
		this.loaddocument();
		this.loadtree();

	}

});
